Web Development lesson plan
Class: 9th to 12th - Lesson: Web Development - Array and array methods

Purpose: Students learn how to process and transform data stored in arrays using JavaScript array methods.

No. of Classes

It will take 3 classes. Students strength 1 or more.

Material Required
  1. Internet Connection
  2. Google Chrome
  3. Mail ID
  4. Code.org(Website)
  5. Online JavaScript Compiler
Curriculum Content

25. Array and array methods

Prior knowledge

Students should know about array.


Exercise

Exercise:1



  1. Create a webpage that stores and displays a list of students and their scores. When the user clicks a button showStudents, it should display the list of students whose scores are above 50% by using filter() method.

  2. Please use the following link to learn about array Array iterations and filter method.

  3. Create a webpage where the user enters the temperature. For example when the button is clicked, the program should: Display “It is very hot” if the temperature is greater than 35, display “The weather is pleasant” if the temperature is between 20 and 35 and display “It is cold outside” if the temperature is below 20.

  4. Please use the following link to learn about map method

Solutions:1




Teacher Instruction
  1. Why do the changes we make to the array (add 5 marks to all student scores) disappear when we close the HTML file, and the values go back to the original when we open again?